JavaScript yang Puitis: Pengantar Modern dalam Pemrograman: Melampaui Kegagalan: Kebutuhan akan Asinkronitas

Hambatan dasar dalam pengembangan aplikasi web adalah eksekusi sinkron operasi I/O. Ketika skrip melakukan permintaan sinkron, ia mengikat thread utama peramban ke latensi bawaan jaringan, menciptakan skenario "Berhentikan Dunia".

1. Masalah Pemblokiran

Permintaan sinkron (menggunakan flag false dalam XMLHttpRequest.open) menangkap thread peramban. Ini mencegah semua interaksi pengguna, animasi, dan rendering hingga server merespons. Bagi pengguna, tab tampak membeku.

2. Perbedaan Logika

Beralih ke "Melampaui Kegagalan" membutuhkan pergeseran dari model linier ke gaya asinkron. Sementara pemrograman sinkron mengikuti urutan atas-bawah yang kaku, asinkronitas bergantung pada handler event untuk menyadari saat data tiba, sehingga skrip dapat melanjutkan eksekusi segera.

3. Kewajiban Responsif Antarmuka Pengguna

Persyaratan proyek modern menuntut penanganan pembacaan file atau pengambilan data tanpa membuat antarmuka dokumen membeku. Ini memastikan bahwa bahkan selama operasi jarak jauh yang kompleks, kursor tetap aktif dan tombol tetap bisa diklik.

TERMINALbash — 80x24

> Ready. Click "Run" to execute.

QUESTION 1

What does setting the third argument of XMLHttpRequest.open to false do?

It enables asynchronous mode.

It makes the request synchronous, blocking the main thread.

It automatically parses the response as JSON.

It cancels the request if it takes too long.

QUESTION 2

In an asynchronous model, how does the program know a response has arrived?

The script stops and waits for the next line to run.

It uses an event handler to 'notice' the response.

It periodically checks the memory address of the request.

The browser reloads the entire page.

QUESTION 3

Why is the synchronous 'Anti-Pattern' discouraged in modern web apps?

It makes the code too short.

It uses too much server memory.

It freezes the UI, creating a poor user experience.

It only works with text files.

QUESTION 4

Which requirement is central to 'Persistent Applications' mentioned in this lesson?

Running code without any network access.

Handling background tasks without freezing the document UI.

Using only XML for all data storage.

Disabling the user's cursor during fetches.

QUESTION 5

What is the result of req.send(null) in synchronous mode?

It returns immediately with a promise.

It blocks execution until the response is fully received.

It runs the request in a separate web worker.

It throws an error if the server is slow.

✅ Correct!

In synchronous mode, send() does not return until the server transaction is finished.